<!DOCTYPE html>
<html>
    <head>
        <title>排行榜</title>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
        <link rel="stylesheet" href="/css/music/top.css">
        <link rel="stylesheet" href="/css/music/bottom.css">
        <link rel="stylesheet" href="/css/music/sort.css">
    </head>
    <body bgcolor="white">
        <!-- 头部start -->
        <div class="mainDiv">
            <div class="md1">
                <span class="logSpan">LOVE&nbsp;MUSIC</span>
            </div>
            <div class="md2" id="findMusic">
                <span class="logSpan1" id="find">发现音乐</span>
            </div>
            <div class="md3" id="myMusic">
                <span class="logSpan1">
                    <a href="myMusic.html">我的音乐</a>
                </span>
            </div>
            <div class="md4">
                <span class="res">
                    <a href="login.html">登陆</a>
                    <a href="register.html">注册</a>
                </span>
            </div>
        </div>
        <!-- 头部end -->

        <!-- 菜单start -->
        <div class="menu">
            <div id="hot">
                <span class="menuSpan"><a href="/index.html">热门歌手</a></span>
            </div>
            <div id="top">
                <span class="menuSpan"><a href="/sites/sort.html">排行榜</a></span>
            </div>
            <div id="special">
                <span class="menuSpan"><a href="/sites/special.html">专辑</a></span>
            </div>
            <div id="mv">
                <span class="menuSpan"><a href="/sites/mv.html">MV</a></span>
            </div>
        </div>
        <!-- 菜单end -->

        <div style="clear:both"></div>

        <!--中间部分开始-->
        <div id="si_main">

            <div id="mp3Change">
                <img src="../image/img/biaoshen.jpg" width="30%" height="80" style="float:left;"/>
                <div id="s_fo">
                    <span style="color:#CCCCCC;">爱音乐飙升榜是爱音乐网站根据用户搜索和播放数据，通过科学的数学模型计算获得的最具上升趋势的单曲排行榜。该榜每天根据前一天的用户数据自动统计生成</span>
                </div>
                <div id="s_ra">
                    <audio id="audio_mp3" src="" controls="controls" volume="20" autoplay="autoplay"></audio>
                </div>
            </div>
            <div id="si_si">
                <div id="si_sipic">
                    <div id="lovemusic1" class="si_ti">
                        <a href="javascript:findMvBySort(1)"><img src="../image/img/pang_n.jpg"/>爱音乐Top500</a>
                    </div>
                    <div id="lovemusic2" class="si_ti">
                        <a href="javascript:findMvBySort(2)"><img src="../image/img/pang_hua.jpg"/>内地网络排行榜</a>
                    </div>
                    <div id="lovemusic3" class="si_ti">
                        <a href="javascript:findMvBySort(3)"><img src="../image/img/pang_huo.jpg"/>港台流行排行榜</a>
                    </div>
                    <div id="lovemusic4" class="si_ti">
                        <a href="javascript:findMvBySort(4)"><img src="../image/img/pang_k.jpg"/>日韩风格排行榜</a>
                    </div>
                    <div id="lovemusic5" class="si_ti">
                        <a href="javascript:findMvBySort(5)"><img src="../image/img/pang_o.jpg"/>欧美流行排行榜</a>
                    </div>
                </div>
            </div>
            <div id="m_special" class="m_special">
                <table id="ttop" width="100%" height="30" border="0" cellpadding="0" cellspacing="0">
                    <tr>
                        <td width="33%"><span>榜单序列</span></td>
                        <td width="33%"><span>歌曲</span></td>
                        <td width="33%"><span>功能</span></td>
                    </tr>
                </table>
                <table id="my_tabcol" width="100%" cellpadding="0" cellspacing="0" border="0">

                    <!--<tr height="40px;">
                      <td width="33%" id="my_tabcol_td">1</td>
                      <td width="33%"><span>${song.songName}</span>
                          <a href="player.html?songid=1"><img src="../image/img/mv.jpg"/></a>
                      </td>
                      <td width="33%">
                          <a href="javascript:playmp3(1)"><img src="../image/img/erji2.jpg" title="播放"/></a>
                          <a href="../mp3/1.mp3"><img src="../image/img/xiazai.jpg" title="下载"/></a>
                          <a href="song_id=1"><img src="../image/img/collect.jpg" title="加入收藏"/></a>
                      </td>
                    </tr>-->

                </table>
                <div id="pageChange" class="pageChange">
                    <span class="pageSpan">页数:</span>
                    <!--<span class="pageSpan"><a href="javascript:findMvByPage(1)">1</a></span>-->
                </div>

            </div>

        </div>
        <!--中间部分结束-->
        <div class="clear_both"></div>

        <!-- 脚部 start-->
        <div class="footer">
            <div class="bottomDiv">
                <div class="btSpan1">爱音乐网站</div>
                <div class="btSpan1">爱音乐</div>
                <div class="btSpan1">网站</div>
                <div class="btSpan1">LOVEMUSIC</div>
            </div>
            <div class="copyright">
                <div class="crSpan1">&copy; 2018-2020 maxmlr.com</div>
                <div class="crSpan1"><a href="http://www.beian.miit.gov.cn">粤ICP备18153814号-1</a></div>
            </div>
        </div>
        <!-- 脚部end -->
    </body>
    <script src="/js/jquery.min.js"></script>
    <script src="/js/bootstrap.min.js"></script>
    <script src="/js/plugins/layer/layer.js"></script>
    <script src="/js/music/base.js"></script>
    <script src="/js/music/sort.js"></script>
</html>
